﻿<Canvas
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:ec="http://schemas.microsoft.com/expression/2010/controls" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:Expression_Samples_PathListBoxUtils="clr-namespace:Expression.Samples.PathListBoxUtils;assembly=Expression.Samples.PathListBoxUtils" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
	x:Class="Hugo.SlideIconCanvas"
	Height="900" Width="1440">
	<Canvas.Resources>
		<Style x:Key="PathListBoxItemStyle1" TargetType="{x:Type ec:PathListBoxItem}">
			<Setter Property="HorizontalContentAlignment" Value="Left"/>
			<Setter Property="VerticalContentAlignment" Value="Top"/>
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ec:PathListBoxItem}">
						<Grid Background="{TemplateBinding Background}" RenderTransformOrigin="0.5,0.5">
							<Grid.RenderTransform>
								<TransformGroup>
									<ScaleTransform>
										<ScaleTransform.ScaleY>
											<Binding Path="IsArranged" RelativeSource="{RelativeSource TemplatedParent}">
												<Binding.Converter>
													<ec:IsArrangedToScaleConverter/>
												</Binding.Converter>
											</Binding>
										</ScaleTransform.ScaleY>
										<ScaleTransform.ScaleX>
											<Binding Path="IsArranged" RelativeSource="{RelativeSource TemplatedParent}">
												<Binding.Converter>
													<ec:IsArrangedToScaleConverter/>
												</Binding.Converter>
											</Binding>
										</ScaleTransform.ScaleX>
									</ScaleTransform>
									<SkewTransform/>
									<RotateTransform Angle="{Binding OrientationAngle, RelativeSource={RelativeSource TemplatedParent}}"/>
									<TranslateTransform/>
								</TransformGroup>
							</Grid.RenderTransform>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<!--<VisualState x:Name="MouseOver">
										<Storyboard>
											<DoubleAnimation Duration="0" To="0.35" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="fillColor"/>
										</Storyboard>
									</VisualState>-->
									<VisualState x:Name="Disabled">
										<Storyboard>
											<DoubleAnimation Duration="0" To="0.55" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="contentPresenter"/>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="SelectionStates">
									<VisualState x:Name="Unselected"/>
									<!--<VisualState x:Name="Selected">
										<Storyboard>
											<DoubleAnimation Duration="0" To="0.75" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="fillColor2"/>
										</Storyboard>
									</VisualState>-->
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<!--<VisualState x:Name="Focused">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="FocusVisualElement">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>-->
									<VisualState x:Name="Unfocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Expression_Samples_PathListBoxUtils:PathListBoxItemTransformer VerticalAlignment="Top" d:LayoutOverrides="Width" IsCentered="True" UseGlobalOffset="True" OpacityRange="0,1" ScaleRange="3,5">
								<Grid x:Name="TransformParentGrid" Margin="0,0,1.113,0">
									<Rectangle x:Name="fillColor" Fill="#FFBADDE9" IsHitTestVisible="False" Opacity="0" RadiusY="1" RadiusX="1" Margin="0,0,-25,0"/>
									<Rectangle x:Name="fillColor2" Fill="#FFBADDE9" IsHitTestVisible="False" Opacity="0" RadiusY="1" RadiusX="1" Margin="0,0,-25,0"/>
									<ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}"/>
									<Rectangle x:Name="FocusVisualElement" RadiusY="1" RadiusX="1" Stroke="#FF6DBDD1" StrokeThickness="1" Visibility="Collapsed" Margin="0,0,-25,0"/>
								</Grid>
							</Expression_Samples_PathListBoxUtils:PathListBoxItemTransformer>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</Canvas.Resources>

	<Grid x:Name="LayoutRoot">
		<Path x:Name="path" Data="M4.5297099E-14,171.8 C623.2,170.2 622.7,169.7 622.7,169.7" Height="0" Margin="8,422.963,118,0" Stretch="Fill" VerticalAlignment="Top" Stroke="#FF2BFF00" StrokeThickness="24" HorizontalAlignment="Center" Width="1351.209"/>
		<ec:PathListBox x:Name="pathListBox" Height="0" Margin="0,10,0,0" VerticalAlignment="Top" ItemContainerStyle="{DynamicResource PathListBoxItemStyle1}" WrapItems="True" ItemsSource="{Binding}" DataContext="{Binding}" RenderTransformOrigin="0.5,0.5">
			<ec:PathListBox.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="0.9" ScaleY="0.9"/>
					<SkewTransform/>
					<RotateTransform/>
					<TranslateTransform/>
				</TransformGroup>
			</ec:PathListBox.RenderTransform>
			<ec:PathListBox.LayoutPaths>
				<ec:LayoutPath SourceElement="{Binding ElementName=path}" Distribution="Even" Capacity="3" Padding="0" Start="0.2" FillBehavior="NoOverlap"/>
			</ec:PathListBox.LayoutPaths>
			<i:Interaction.Behaviors>
				<Expression_Samples_PathListBoxUtils:PathListBoxScrollBehavior x:Name="pathListBoxScrollBehavior" DesiredOffset="0.5">
					<Expression_Samples_PathListBoxUtils:PathListBoxScrollBehavior.Ease>
						<QuadraticEase EasingMode="EaseInOut"/>
					</Expression_Samples_PathListBoxUtils:PathListBoxScrollBehavior.Ease>
					<i:Interaction.Triggers>
						<i:EventTrigger SourceName="pathListBox" EventName="SelectionChanged">
							<i:InvokeCommandAction CommandName="ScrollSelectedCommand"/>
						</i:EventTrigger>
					</i:Interaction.Triggers>
				</Expression_Samples_PathListBoxUtils:PathListBoxScrollBehavior>
			</i:Interaction.Behaviors>
		</ec:PathListBox>
        <Label x:Name="optionLabel" Content="" Margin="380.85,0,305.55,90.839" VerticalAlignment="Bottom" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontSize="73.333" FontFamily="Verdana" Foreground="White" Background="#001F62EB"/>
        <Label x:Name="pageLabel" Content="" HorizontalAlignment="Right" Margin="0,43.789,480.873,30.837" FontFamily="Verdana" FontSize="86.667" Foreground="White" d:LayoutOverrides="Height"/>
    </Grid>
</Canvas>